﻿@{
    ViewBag.Title = Model.siteName+" - Thông tin tài khoản";
    ViewBag.Description = Model.htmlDescription;
    ViewBag.Keywords = Model.htmlKeywords;
}
@model BDShop.Models.ProfileModel

<!--Left Part-->
@Html.Partial("Partial/_LeftAccMenu", null)
<!--Left End-->
<!--Middle Part Start-->
<div id="content">
    <!--Breadcrumb Part Start-->
    <div class="breadcrumb"><a href="/">Trang chủ</a> » <a href="/thong-tin-tai-khoan.html">Tài khoản</a> » <a href="#">Thông tin tài khoản</a> </div>
    <!--Breadcrumb Part End-->
    <h1>Thông tin tài khoản</h1>
    @using (Html.BeginForm("Profile", "Account", FormMethod.Post, new { id = "frmProfile" }))
    {@Html.AntiForgeryToken()
         @Html.ValidationSummary(true, "", new { @class = "error" })<br/>
        <h2>Thông tin cá nhân</h2>
        <div class="content">
            <table class="form">
                <tbody>
                    <tr>
                        <td>E-Mail:</td>
                        <td>
                            @Html.LabelFor(m=>m.email,Model.email,new{@class="large-field",@id="lblemail"})
                            @Html.Hidden("email",Model.email)
                        </td>

                    </tr>
                    <tr>
                        <td><span class="required">*</span> Họ và tên:</td>
                        <td>
                            @Html.TextBoxFor(m=>m.fullname,new{@class="large-field",@id="fullname"})
                            &nbsp;
                            <label id="fullname-error" class="error valid" for="fullname"></label>
                        </td>

                    </tr>
                    <tr>
                        <td><span class="required">*</span> Giới tính:</td>
                        <td>
                            <select class="large-field" name="gender" id="gender">
                                <option value="">--- Vui lòng chọn --- </option>
                                <option value="1" @((Model.gender==1)?"selected='selected'":"")>Nam</option>
                                <option value="0" @((Model.gender==0)?"selected='selected'":"")>Nữ</option>
                            </select>
                            &nbsp;
                            <label id="gender-error" class="error valid" for="gender"></label>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="required">*</span> Ngày sinh:</td>
                        <td>
                            @Html.TextBoxFor(m=>m.birthday,new{@class="large-field",@id="birthday"}) (dd/mm/yyyy)
                            &nbsp;
                            <label id="birthday-error" class="error valid" for="birthday"></label>
                        </td>

                    </tr>
                    <tr>
                        <td><span class="required">*</span>Địa chỉ:</td>
                        <td>
                            @Html.TextBoxFor(m=>m.address,new{@class="large-field",@id="address"})
                            &nbsp;
                            <label id="address-error" class="error valid" for="address"></label>
                        </td>

                    </tr>
                    
                    <tr>
                        <td>Số điện thoại:</td>
                        <td>
                            @Html.TextBoxFor(m=>m.mobile,new{@class="large-field",@id="mobile"})
                            &nbsp;
                            <label id="mobile-error" class="error valid" for="mobile"></label>
                        </td>

                    </tr>

                </tbody>
            </table>
        </div>
        
        <div class="buttons">
            <div class="left">

                <input type="submit" class="button" value="Cập nhật">
            </div>
        </div>
    }
</div>
<!--Middle Part End-->
<div class="clear"></div>


<script>

    $("#frmProfile").validate({
        rules: {
            fullname: {
                required: true
            },
            mobile: {
                number: true,
                minlength: 10,
                maxlength: 15
            },
            gender: {
                required: true
            },
            address: {
                required: true
            },
            birthday: {
                birthdayOnly: true
            }
        },
        messages: {
            fullname: "Vui lòng nhập họ tên đầy đủ.",
            mobile: "Số điện thoại không hợp lệ.",
            gender: "Vui lòng chọn giới tính.",
            address: "Vui lòng nhập địa chỉ.",
            birthday: "Ngày sinh không hợp lệ."
        }
    });

    $.validator.addMethod("numericOnly", function (value) {
        return /^[0-9]+$/.test(value);
    }, '');

    $.validator.addMethod("birthdayOnly", function (value) {
        return /^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{4}$/.test(value);
    }, '');
   
</script>
